<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>My Button</title>
</head>

<style>

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    body {
        line-height: 22px;
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    .btn {
        width: 100px;
        height: 100px;
        /*padding: .5em;*/
        background-color: darkslategray;
        color: whitesmoke;
        border:1px solid lightgray ;
        height:22px;
        /*line-height: 22px;*/
        margin: auto;
        border-radius: 5px;
        /*text-align: center;*/

    }

    .btn:hover {

        background-color: lightgray;
        color:darkcyan;
    }

</style>
<body>
<button class="btn">My Button</button>

</body>
</html>

